import React, { Component } from 'react'


import Img from "../components/Img"

import "../assets/styles/login.less"

export default class Login extends Component {
    constructor(props) {
        super(props)
        this.state = {
            tel: '',
        }
    }
    telChange(e) {
        console.log(e.target.value);
        this.setState({
            tel: e.target.value
        })
        // console.log(this.state.tel);
    }
    pwdChange(e) {
        this.setState({
            pwd: e.target.value
        })
    }
    render() {
        return (
            <div className="login ">
                <Img className="logo" src="logo.png"></Img>
                <div className="ipt_wrap d_f ai_c f_d mt_30">
                    <input type="number" className="ipt" placeholder="输入手机号" value={this.state.tel} onChange={(e) => { this.telChange(e) }} />
                    <input type="password" className="ipt" placeholder="输入密码" value={this.state.pwd} onChange={(e) => { this.pwdChange(e) }} />
                </div>
                <div className="op_wrap">
                    忘记密码
                </div>
                <div className="button confirm">登录</div>
                <div className="foot d_f ai_c ju_s_b">
                    <div className="left">免费注册</div>
                    <div className="other_login">游客登录</div>
                </div>
            </div>
        )
    }
}
